html {
	padding: 0;
	margin: 0;
}
body {
	font-size: .625em;   /*默认16px=1em，初始化0.625em=10px，
										body子元素继承10px=1em*/
}

/*#box {
  padding: 10px 0 0 10px;
  width: 300px;
  overflow: hidden;
}
#box .item {
  position: relative; 
  float: left;
  margin-left: -10px;
  margin-top: -10px;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  border: 10px solid #ccc;
}

#box .item:hover {
  z-index: 2;
  border-color: #f00;*/

#box1 {
	height: 36em;
	width: 36em;
	padding: 1em;
	box-sizing: border-box;
}
#box1 .item1 {
	width: 10em;
	height: 10em;
	float: left;
	line-height: 10em;
	text-align: center;
	background: white;
	border: 1em solid grey;
	margin-left: -1em;
	margin-top: -1em;
}
#box1 .item1:hover {
	z-index: 9;
	background: url(../img/touxiang-4.jpg);
}
